
const op1 = document.querySelector('.op1')
const op2 = document.querySelector('.op2')
const op3 = document.querySelector('.op3')
const op4 = document.querySelector('.op4')
const tp2 = document.querySelector('.tp2')
const tp3 = document.querySelector('.tp3')
const tp4 = document.querySelector('.tp4')
const tp5 = document.querySelector('.tp5')
const tp6 = document.querySelector('.tp6')
const tp7 = document.querySelector('.tp7')
const st2 = document.querySelector('.st2')
const st3 = document.querySelector('.st3')
const st4 = document.querySelector('.st4')
const st5 = document.querySelector('.st5')
const st6 = document.querySelector('.st6')
const st7 = document.querySelector('.st7')
const gx2 = document.querySelector('.gx2')
const gx3 = document.querySelector('.gx3')
const gx4 = document.querySelector('.gx4')
const gx5 = document.querySelector('.gx5')
const gx6 = document.querySelector('.gx6')
const gx7 = document.querySelector('.gx7')
const zj2 = document.querySelector('.zj2')
const zj3 = document.querySelector('.zj3')
const zj4 = document.querySelector('.zj4')
const zj5 = document.querySelector('.zj5')
const zj6 = document.querySelector('.zj6')
const zj7 = document.querySelector('.zj7')


const res = ajax({
  url: '/aa',
  data: `ids=100053001&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(res) {
    console.log(res);
    res.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `

       <div class="op1_1" style="height: ${height}px;">
       <img src="${item.shop_info.ali_image}" alt="">
       </div>
      <div class="op1_2">
      <h3>${item.product_info.product_name}</h3>
      <h5 style="color:gray" "padding:10px">${item.shop_info.sub_title}</h5>
      </div>
      <div class="op1_3">
      <span style="color:red" >${item.spu.price}</span>
      </div> 

        `
      op1.innerHTML += str
    })
  }
})
const r = ajax({
  url: '/aa',
  data: `ids=100187101&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(r) {
    console.log(r);
    r.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `

      <div class="op2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="op2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="op2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      op2.innerHTML += str
    })
  }
})
const re = ajax({
  url: '/aa',
  data: `ids=100186801&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(re) {
    console.log(re);
    re.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `

      <div class="op3_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="op3_2">
          <h3 style="font-size:14px">${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="op3_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      op3.innerHTML += str
    })
  }
})
const s = ajax({
  url: '/aa',
  data: `ids=100063701&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(s) {
    console.log(s);
    s.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `

      <div class="op4_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="op4_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="op4_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      op4.innerHTML += str
    })
  }
})

const b = ajax({
  url: '/aa',
  data: `ids=100162801&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(b) {
    console.log(b);
    b.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp2.innerHTML += str
    })
  }
})
const c = ajax({
  url: '/aa',
  data: `ids=100162803&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(c) {
    console.log(c);
    c.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp3_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp3_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp3_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp3.innerHTML += str
    })
  }
})
const d = ajax({
  url: '/aa',
  data: `ids=100162805&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(d) {
    console.log(d);
    d.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp4_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp4_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp4_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp4.innerHTML += str
    })
  }
})
const e = ajax({
  url: '/aa',
  data: `ids=100162805&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(e) {
    console.log(e);
    e.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp5_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp5_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp5_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp5.innerHTML += str
    })
  }
})
const f = ajax({
  url: '/aa',
  data: `ids=100185801&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(f) {
    console.log(f);
    f.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp6_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp6_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp6_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp5.innerHTML += str
    })
  }
})

const g = ajax({
  url: '/aa',
  data: `ids=100185401&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(g) {
    console.log(g);
    g.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp3_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp3_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp3_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp6.innerHTML += str
    })
  }
})
const h = ajax({
  url: '/aa',
  data: `ids=100185501&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(h) {
    console.log(h);
    h.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="tp7_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="tp7_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="tp7_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      tp7.innerHTML += str
    })
  }
})
const j = ajax({
  url: '/aa',
  data: `ids=100185501&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(j) {
    console.log(j);
    j.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      st2.innerHTML += str
    })
  }
})

const k = ajax({
  url: '/aa',
  data: `ids=100185902&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(k) {
    console.log(k);
    k.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      st3.innerHTML += str
    })
  }
})
const l = ajax({
  url: '/aa',
  data: `ids=100185902&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(l) {
    console.log(l);
    l.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      st4.innerHTML += str
    })
  }
})
const q = ajax({
  url: '/aa',
  data: `ids=100185401&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(q) {
    console.log(q);
    q.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      st5.innerHTML += str
    })
  }
})

const w = ajax({
  url: '/aa',
  data: `ids=100187701&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(w) {
    console.log(w);
    w.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      st6.innerHTML += str
    })
  }
})
const t = ajax({
  url: '/aa',
  data: `ids=100187101&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(t) {
    console.log(t);
    t.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      st7.innerHTML += str
    })
  }
})
const y = ajax({
  url: '/aa',
  data: `ids=100187402&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(y) {
    console.log(y);
    y.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      gx2.innerHTML += str
    })
  }
})
const u = ajax({
  url: '/aa',
  data: `ids=100185801&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(u) {
    console.log(u);
    u.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      gx3.innerHTML += str
    })
  }
})
const o = ajax({
  url: '/aa',
  data: `ids=100061501&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(o) {
    console.log(o);
    o.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      gx4.innerHTML += str
    })
  }
})

const p = ajax({
  url: '/aa',
  data: `ids=100187401&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(p) {
    console.log(p);
    p.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      gx5.innerHTML += str
    })
  }
})
const zx = ajax({
  url: '/aa',
  data: `ids=100185801&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(zx) {
    console.log(zx);
    zx.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      gx6.innerHTML += str
    })
  }
})
const zc = ajax({
  url: '/aa',
  data: `ids=100187101&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(zc) {
    console.log(zc);
    zc.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="st1_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="st1_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="st1_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      gx7.innerHTML += str
    })
  }
})
const zv = ajax({
  url: '/aa',
  data: `ids=100187101&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(zv) {
    console.log(zv);
    zv.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="zj2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="zj2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="zj2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      zj2.innerHTML += str
    })
  }
})
const zb = ajax({
  url: '/aa',
  data: `ids=100185601&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(zb) {
    console.log(zb);
    zb.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="zj2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="zj2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="zj2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      zj3.innerHTML += str
    })
  }
})
const zn = ajax({
  url: '/aa',
  data: `ids=100185501&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(zn) {
    console.log(zn);
    zn.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="zj2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="zj2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="zj2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      zj4.innerHTML += str
    })
  }
})
const zm = ajax({
  url: '/aa',
  data: `ids=100061301&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(zm) {
    console.log(zm);
    zm.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="zj2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="zj2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="zj2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      zj5.innerHTML += str
    })
  }
})
const as = ajax({
  url: '/aa',
  data: `ids=100061002&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(as) {
    console.log(as);
    as.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="zj2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="zj2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="zj2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      zj6.innerHTML += str
    })
  }
})
const ad = ajax({
  url: '/aa',
  data: `ids=100186201&with_stock=true&with_spu=true`,
  dataType: 'json',
  success(ad) {
    console.log(ad);
    ad.data.list.forEach(item => {
      const height = item.shop_info.ali_image * 218 / item.shop_info.ali_image
      const str = `
      <div class="zj2_1"  style="height: ${height}px;">
      <img src="${item.shop_info.ali_image}" alt="">
      </div>
      <div class="zj2_2">
          <h3>${item.product_info.product_name}</h3>
          <h5 style="color:gray" >${item.shop_info.sub_title}</h5>
      </div>
      <div class="zj2_3">
          <span style="color:red" >${item.spu.price}</span>
      </div>
        `
      zj7.innerHTML += str
    })
  }
})